﻿header {
    background-color: #ffee71;
    padding: 20px 5.3%;
}

.header-left {
    padding-right: 3%;
}

    .header-left .avatar {
        border: 5px solid #fff;
        width: 80px;
        height: 80px;
    }

.header-right .title {
    font-size: 2rem;
    margin-bottom: 10px;
}

.header-right .btn-join {
    margin: 0;
}

/*Tabs Start*/
.nav-l {
    position: relative;
    background-color: #fff;
}

    .nav-l ul {
        border-bottom: 1px solid #e2e2e2;
        background-color: #fff;
        height: 50px;
        line-height: 45px;
    }

    .nav-l li {
        font-size: 1.5rem;
        text-align: center;
        margin-top: 3px;
    }

        .nav-l li a {
            display: block;
            color: #666;
            text-align: center;
            width: 70%;
            margin-left: 15%;
        }

        nav-l li:before, .nav-l li::before {
            content: "";
            border-left: 1px solid #e2e2e2;
            display: block;
            float: left;
            height: 18px;
            margin-top: 14px;
        }

        .nav-l li:first-child a {
            border-left: none;
        }

        .nav-l li.active a {
            border-bottom: 2px solid #ff8960;
            color: #232323;
        }
/*Tabs End*/

/*Content Start*/
.nav-content > div {
    display: none;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 20px 4.3%;
}

    .nav-content > div.active {
        display: block;
    }

.nav-content img {
    width: 100%;
}

.nav-content .director {
    text-align: center;
}

    .nav-content .director .avatar {
        border: none;
    }

        .nav-content .director .avatar, .nav-content .director .avatar img {
            height: 70px;
            width: 70px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .nav-content .director .name {
        color: #ff7247;
        font-size: 2rem;
        margin-top: 5px;
    }

    .nav-content .director .content {
        margin-top: 10px;
        text-align: left;
    }

        .nav-content .director .content label {
            display: block;
            color: #a7a7a7;
            margin-bottom: 5px;
        }

.nav-content .notice h2 {
    color: #ff7247;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 8px;
}

.nav-content .activity section {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px 3.2%;
    position: relative;
    margin-top: 35px;
}

    .nav-content .activity section:before, .nav-content .activity section::before {
        background: url('../img/i_list_top.png') no-repeat;
        background-size: 100%;
        content: "";
        display: block;
        position: absolute;
        height: 26px;
        margin-top: 14px;
        left: 12px;
        top: -37px;
        width: 47px;
    }
    .nav-content .activity section:first-child{
        margin-top:10px;
    }
.nav-content .activity .title {
    font-size: 2rem;
    margin-bottom: 5px;
}

.nav-content .activity .time {
    color: #a7a7a7;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.nav-content .activity .i-notice-s {
    height: 18px;
    margin: -3px -3px 0 -5px;
}

.nav-content .activity .image {
    margin-bottom: 5px;
}

.nav-content .activity .description {
    color: #666;
    font-size: 1.5rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*Content End*/
